<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div STYLE="color: red;">123</div>
    <DIV>123</DIV>

    <script>
      // 变量

      // 1. 变量的概念
      //   - 变量是计算机内存中存储数据的标识符(我们自定义的名称)，根据变量名称可以获取到内存中存储的数据
      //   - 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他

      //   name = 陈明龙
      //   num = 100
      //   1 + num
      //   2 + num
      //   3 + num
      //   4 + num




      // 2. 变量的声明和赋值
      //   使用 var 关键字，后面跟一个变量名（变量名是标识符）
      //     - 语法： var 变量名 = 值
      //             let 变量名 = 值

      // 单个变量的创建
      // var name = "陈明龙";
      // Name = "张三";
      // let num = 10;
      // console.log(name);

      // 同时创建多个变量
      // var a = 1,
      //   b = 2;
      // console.log(a, b);

      // 一个变量名只能存储一个值(第一次变量赋值称之为初始化变量)
      // 当再次给一个变量赋值的时候，前面一次的值就没有了
      // 变量名称区分大小写（JS 严格区分大小写）




      // 3. 变量的特点
      // - 初始化后可以再次改变
      // - 变量是松散类型(弱类型)的，可以用来保存任何类型的数据。
          // var num = 100;
          // num = "陈明龙";
          // console.log(num);
      // - 变量提升
          // 指的是用var关键字定义的变量，可以先使用再创建
          // console.log(name);
          // var name = "陈明龙";
      // - 同时声明多个
      // - 写入内存


    </script>
  </body>
</html>
